/**app.wxss**/

page {
  --color-primary: #3880ff;
  --color-secondary: #33B5FF;
  --color-tertiary: #d34efc;
  --color-success: #32F499;
  --color-warning: #FFE165;
  --color-danger: #F5041F;
  --color-light: #f5f5f5;
  --color-medium: #92949c;
  --color-dark: #282828;
  --color-white: #ffffff;
  --bg-main: #323232;
  --bg-sub: #1F232D;
  --bg-card: #eeeeee;
  --bg-light: #f5f5f5;
  --bg-danger-light: #FEE5E8;
  --color-h1: #282828;
  --color-h2: #535353;
  --color-h3: #7E7E7E;
  --color-h4: #A9A9A9;

  // 全局search
  --td-search-action-color: white;
  --td-search-bg-color: white;
  --td-search-clear-icon-color: var(--color-h2);
  --td-search-icon-color: var(--color-danger);
  --td-search-label-color: var(--color-h2);
  --td-search-placeholder-color: var(--color-h3);
  --td-search-result-high-light-color: var(--color-h2);
  --td-search-text-color: var(--color-h1);
  --td-search-height: 2.25rem;
  --td-search-padding: 8rpx 16rpx;
  // textarea
  // --td-textarea-background-color: var(--bg-light);
  --td-textarea-text-color: var(--color-h2);
  // 全局t-image
  --td-image-loading-bg-color: rbga(0, 0, 0, 0);
  --td-loading-color: var(--color-danger);
  // input
  // --td-input-bg-color: var(--bg-light);
  // --td-input-border-color: var(--bg-light);
  // --td-input-default-text-color: var(--color-dark);
  // --td-input-default-tips-color: var(--color-h3);
  // --td-input-label-text-color: var(--color-h1);
  // --td-input-placeholder-text-color: var(--color-h2);
  // --td-input-suffix-text-color: var(--color-h2);
  // --td-input-suffix-icon-color: var(--color-h2);
  // --td-input-vertical-padding: 0.25rem;

  // t-input
  --td-divider-color: var(--bg-card);
  --td-divider-content-color: var(--color-h2);
  --td-divider-content-font-size: 0.8em;
  // 
  --td-footer-text-color: var(--color-h2);
  --td-empty-description-color: var(--color-h2);
  --td-switch-checked-color: var(--color-dark);
  --td-switch-checked-disabled-color: var(--color-medium);
  // slider
  --td-slider-active-color: var(--color-dark);
  --td-slider-dot-color: var(--color-danger);
  --td-slider-dot-bg-color: var(--color-danger);
  // grid
  --td-grid-item-text-color: var(--color-h1);
  --td-grid-item-description-color: var(--color-h3);
  // light button
  // --td-button-light-active-bg-color: var(--bg-sub);
  // --td-button-light-active-border-color: var(--bg-card);
  // --td-button-light-bg-color: var(--bg-sub);
  // --td-button-light-border-color: var(--bg-card);
  // --td-button-light-color: var(--color-warning);
  // --td-button-light-disabled-bg: var(--bg-sub);
  // --td-button-light-disabled-border-color: var(--bg-card);
  // --td-button-light-disabled-color: var(--color-warning);

  // primary button
  --td-button-primary-active-bg-color: var(--bg-main);
  --td-button-primary-active-border-color: var(--bg-main);
  --td-button-primary-bg-color: var(--bg-main);
  --td-button-primary-border-color: var(--bg-main);
  --td-button-primary-color: var(--color-white);
  --td-button-primary-disabled-bg: var(--bg-main);
  --td-button-primary-disabled-border-color: var(--bg-main);
  --td-button-primary-disabled-color: var(--color-white);
  --td-button-font-weight: 400;

  // danger button
  --td-button-danger-active-bg-color: var(--bg-danger);
  --td-button-danger-active-border-color: var(--bg-danger);
  --td-button-danger-bg-color: var(--bg-danger);
  --td-button-danger-border-color: var(--bg-danger);
  --td-button-danger-color: var(--color-white);
  --td-button-danger-disabled-bg: var(--bg-danger);
  --td-button-danger-disabled-border-color: var(--bg-danger);
  --td-button-danger-disabled-color: var(--color-white);
  --td-button-font-weight: 400;
}

@font-face {
  font-family: "SmileySans-Oblique";
  src: url("https://cdn2.cardarena.site/base/SmileySans-Oblique.ttf");
}

@font-face {
  font-family: "MPLUS";
  src: url("https://cdn2.cardarena.site/base/MPLUSRounded1c-Regular.ttf");
}

.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
}

.color.Purple {
  color: #D03AC0 !important;
}

.color.Red {
  color: #FF4566 !important;
}

.color.Green {
  color: #47E299 !important;
}

.color.Yellow {
  color: #FEF060 !important;
}

.color.Blue {
  color: #3CC2FF !important;
}


.color.Purple {
  color: rgba(145, 7, 130, 0.15) !important;
}

.color.Red {
  color: rgba(229, 3, 21, 0.15) !important;
}

.color.Green {
  color: rgba(2, 166, 60, 1) !important;
}

.background.Yellow {
  color: rgba(252, 206, 0, 1) !important;
}

.background.Blue {
  color: rgba(1, 112, 189, 1) !important;
}

.color-primary {
  color: var(--color-primary);
}

.color-secondary {
  color: var(--color-secondary) !important;
}

.color-tertiary {
  color: var(--color-tertiary) !important;
}

.color-success {
  color: var(--color-success) !important;
}

.color-warning {
  color: var(--color-warning) !important;
}

.color-danger {
  color: var(--color-danger);
}

.color-light {
  color: var(--color-light);
}

.color-medium {
  color: var(--color-medium);
}

.color-dark {
  color: var(--color-dark);
}

.color-white {
  color: var(--color-white);
}

.background-color-primary {
  background-color: var(--color-primary);
}

.background-color-secondary {
  background-color: var(--color-secondary);
}

.background-color-tertiary {
  background-color: var(--color-tertiary);
}

.background-color-success {
  background-color: var(--color-success);
}

.background-color-warning {
  background-color: var(--color-warning);
}

.background-color-danger {
  background-color: var(--color-danger);
}

.background-color-light {
  background-color: var(--color-light);
}

.background-color-medium {
  background-color: var(--color-medium);
}

.background-color-dark {
  background-color: var(--color-dark);
}

.background-color-white {
  background-color: var(--color-white);
}